<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" Content-Type="application/json">
		<title>登录和注册滑动切换页面</title>
		<link rel="stylesheet" href="../css/denglu/style.css">
		<link rel="stylesheet" href="../css/forget/forget.css">
		<script src='../js/jquery.min.js'></script>
		<script src='../js/common.js'></script>
		<script src="../js/denglu/script.js"></script>
		<script src="../js/denglu/yanzhengma.js"></script>
		<script src="../js/denglu/jiaoyan.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
		
	</head>
	<body>
		<!-- partial:index.partial.html -->
		<div class="container">
				<div class="pinkbox">
					<div class="signup nodisplay">
						<h1>注册</h1>
						<form class="zhuce" autocomplete="off" action="##" onsubmit = "return false">
							<input type="text" name="username" id="username" placeholder="用户名"><span
								id="username_msg"></span>
							<input type="email" name="email" id="email" placeholder="email"><span id="email_msg"></span>
							<input type="password" name="password" id="password" placeholder="密码"><span
								id="password_msg"></span>
							<input type="password" name="repasswprd" id="repassword" placeholder="确认密码"><span
								id="repassword_msg"></span>
								
							<button class="button" id="zhuce">创建账号 </button>	
							<div style="display: flex;" >
							<p class="account">已经有账号了?	<a  id="signin">去登录</a></p>
	
					</div>
						</form>
					</div>
					<div class="signin">
						<h1>登录</h1>
						<form class="denglu" class="more-padding" autocomplete="off" action="##" onsubmit = "return false">
							<input type="text" name="username1" id="username1" class="username1" placeholder="用户名"><span
								id="username_msg1"></span>
							<input type="password" name="password1" id="password1" class="password1" placeholder="密码"><span
								id="password_msg1"></span>

							<input type="text" value="" placeholder="请输入验证码" class="input-val">
							<canvas id="canvas" width="100" height="30"></canvas>


							<div class="checkbox">
								<input type="checkbox" id="remember" value="0" /><label for="remember">记住我</label>
							</div>
							<div style="display: flex;">
							<button class="button " id="denglu" >登录</button><button class="button" id="signup">注册</button>
							</div>
						</form>
						<div><a href="javascript:" class="pass-forgot" id="pass-forgot">忘记密码？</a>
							<div class="box">
								<div class="popOutBg" id="popOutBg"></div>
								<div class="popOut" id="popOut">
									<span title="关闭" class="close"> x </span>
									<h1 style="color: red;">忘记密码</h1>
									<form class="forget" autocomplete="off" action="##" onsubmit = "return false">
										<input type="text" name="username" id="username2" placeholder="用户名"><span
											id="username_msg2"></span>
										<input type="email" name="email" id="email2" placeholder="email"><span id="email_msg2"></span>
										<input type="password" name="password" id="password2" placeholder="请输入新密码"><span
											id="password_msg2"></span>
										<input type="password" name="repasswprd" id="repassword2" placeholder="请输入确认密码"><span
											id="repassword_msg2"></span>
										<button class="button" id="forget">确认 </button>
									</form>
								</div>
							</div>

						</div>
					</div>
				</div>

			
		</div>

	</body>
</html>
<script>    

</script>
